<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="Keywords" content="B-JUI,dubbox,activemq,redis,spring,整合"/>
    <meta name="Description" content=""/>
    <meta http-equiv="Access-Control-Allow-Origin" content="${ssoHost}">
    <title>dubbox demo</title>
    <!--引入bjui的css和js start-->
    <#include "../../common/bjuiHeader.html"/>
    <!--引入bjui的css和js end-->
    <!--引入各模块js start-->
    <#include "../../common/moduleResource.html"/>
    <!--引入各模块js end-->

    <!-- init -->
    <script type="text/javascript">
        $(function() {
            /**--------------- BJUI初始化 START --------------*/
            BJUI.init({
                JSPATH       : 'BJUI/',         //[可选]框架路径
                PLUGINPATH   : 'BJUI/plugins/', //[可选]插件路径
                loginInfo    : {url:'${loginUrl}', title:'登录', width:440, height:240}, // 会话超时后弹出登录对话框
                statusCode   : {ok:200, error:300, timeout:301}, //[可选]
                ajaxTimeout  : 50000, //[可选]全局Ajax请求超时时间(毫秒)
                alertTimeout : 3000,  //[可选]信息提示[info/correct]自动关闭延时(毫秒)
                pageInfo     : {total:'totalRow', pageCurrent:'pageCurrent', pageSize:'pageSize', orderField:'orderField', orderDirection:'orderDirection'}, //[可选]分页参数
                alertMsg     : {displayPosition:'topcenter', displayMode:'slide', alertTimeout:1000}, //[可选]信息提示的显示位置，显隐方式，及[info/correct]方式时自动关闭延时(毫秒)
                keys         : {statusCode:'statusCode', message:'message'}, //[可选]
                ui           : {
                    sidenavWidth     : 220,  //左侧导航栏的宽度
                    showSlidebar     : true, //[可选]左侧导航栏锁定/隐藏
                    clientPaging     : true, //[可选]是否在客户端响应分页及排序参数
                    overwriteHomeTab : false //[可选]当打开一个未定义id的navtab时，是否可以覆盖主navtab(我的主页)
                },
                debug        : true,    // [可选]调试模式 [true|false，默认false]
                theme        : 'blue' // 若有Cookie['bjui_theme'],优先选择Cookie['bjui_theme']。皮肤[五种皮肤:default, orange, purple, blue, red, green]
            });
            /**--------------- BJUI初始化 END --------------*/


            /**--------------- 时钟 START --------------*/
            var today = new Date(), time = today.getTime()
            $('#bjui-date').html(today.formatDate('yyyy/MM/dd'))
            setInterval(function() {
                today = new Date(today.setSeconds(today.getSeconds() + 1))
                $('#bjui-clock').html(today.formatDate('HH:mm:ss'))
            }, 1000);
            /**--------------- 时钟 END --------------*/

            /*window.onbeforeunload = function(){
             return "确定要关闭本系统 ?";
             }*/


            /**--------------- VUE全局函数 START --------------*/
            Vue.mixin({
                data(){
                    return {
                        isAdmin: ${isAdmin},
                        routes: ${userRoutes},
                    }
                },
                methods: {
                    access: function(route){//用以在页面上进行权限判断
                        if(this.isAdmin || (typeof(route) != "undefined" && typeof(this.routes[route]) != "undefined")){
                            return true;
                        }else{
                            return false;
                        }
                    }
                }
            });
            /**--------------- VUE全局函数 END --------------*/
        });

        // 菜单-事件-zTree
        function MainMenuClick(event, treeId, treeNode) {
            if (treeNode.target && treeNode.target == 'dialog' || treeNode.target == 'navtab')
                event.preventDefault()

            if (treeNode.isParent) {
                var zTree = $.fn.zTree.getZTreeObj(treeId)

                zTree.expandNode(treeNode)
                return
            }

            if (treeNode.target && treeNode.target == 'dialog')
                $(event.target).dialog({id:treeNode.targetid, url:treeNode.url, title:treeNode.name})
            else if (treeNode.target && treeNode.target == 'navtab')
                $(event.target).navtab({id:treeNode.targetid, url:treeNode.url, title:treeNode.name, fresh:treeNode.fresh, external:treeNode.external})
        }

        // 满屏开关
        var bjui_index_container = 'container_fluid';
        function bjui_index_exchange() {
            bjui_index_container = bjui_index_container == 'container_fluid' ? 'container' : 'container_fluid'

            $('#bjui-top').find('> div').attr('class', bjui_index_container)
            $('#bjui-navbar').find('> div').attr('class', bjui_index_container)
            $('#bjui-body-box').find('> div').attr('class', bjui_index_container)
        }
    </script>
</head>

<body>
    <!--[if lte IE 7]>
    <div id="errorie"><div>您还在使用老掉牙的IE，正常使用系统前请升级您的浏览器到 IE8以上版本 <a target="_blank" href="http://windows.microsoft.com/zh-cn/internet-explorer/ie-8-worldwide-languages">点击升级</a>&nbsp;&nbsp;强烈建议您更改换浏览器：<a href="http://down.tech.sina.com.cn/content/40975.html" target="_blank">谷歌 Chrome</a></div></div>
    <![endif]-->

    <!-- 顶部工具栏 START -->
    <div id="bjui-top" class="bjui-header">
        <div class="container_fluid">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapsenavbar" data-target="#bjui-top-collapse" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>
            <nav class="collapse navbar-collapse" id="bjui-top-collapse">
                <ul class="nav navbar-nav navbar-right">
                    <li class="datetime"><a><span id="bjui-date">0000-00-00</span> <span id="bjui-clock">00:00:00</span></a></li>
                    <li><a href="#">账号：${userName}</a></li>
                    <li><a href="/index/index/reset_password" data-toggle="dialog" data-id="sys_user_changepass" data-mask="true" data-width="400" data-height="300">修改密码</a></li>
                    <li><a href="/index/index/logout" style="font-weight:bold;">&nbsp;<i class="fa fa-power-off"></i>注销登陆</a></li>
                    <li class="dropdown"><a href="#" class="dropdown-toggle bjui-fonts-tit" data-toggle="dropdown" title="更改字号"><i class="fa fa-font"></i> 大</a>
                        <ul class="dropdown-menu" role="menu" id="bjui-fonts">
                            <li><a href="javascript:;" class="bjui-font-a" data-toggle="fonts"><i class="fa fa-font"></i> 特大</a></li>
                            <li><a href="javascript:;" class="bjui-font-b" data-toggle="fonts"><i class="fa fa-font"></i> 大</a></li>
                            <li><a href="javascript:;" class="bjui-font-c" data-toggle="fonts"><i class="fa fa-font"></i> 中</a></li>
                            <li><a href="javascript:;" class="bjui-font-d" data-toggle="fonts"><i class="fa fa-font"></i> 小</a></li>
                        </ul>
                    </li>
                    <li class="dropdown active"><a href="#" class="dropdown-toggle theme" data-toggle="dropdown" title="切换皮肤"><i class="fa fa-tree"></i></a>
                        <ul class="dropdown-menu" role="menu" id="bjui-themes">
                            <!--
                            <li><a href="javascript:;" class="theme_default" data-toggle="theme" data-theme="default">&nbsp;<i class="fa fa-tree"></i> 黑白分明&nbsp;&nbsp;</a></li>
                            <li><a href="javascript:;" class="theme_orange" data-toggle="theme" data-theme="orange">&nbsp;<i class="fa fa-tree"></i> 橘子红了</a></li>
                            -->
                            <li><a href="javascript:;" class="theme_purple" data-toggle="theme" data-theme="purple">&nbsp;<i class="fa fa-tree"></i> 紫罗兰</a></li>
                            <li class="active"><a href="javascript:;" class="theme_blue" data-toggle="theme" data-theme="blue">&nbsp;<i class="fa fa-tree"></i> 天空蓝</a></li>
                            <li><a href="javascript:;" class="theme_green" data-toggle="theme" data-theme="green">&nbsp;<i class="fa fa-tree"></i> 绿草如茵</a></li>
                        </ul>
                    </li>
                    <li><a href="javascript:;" onclick="bjui_index_exchange()" title="横向收缩/充满屏幕"><i class="fa fa-exchange"></i></a></li>
                </ul>
            </nav>
        </div>
    </div>
    <!-- 顶部工具栏 END -->

    <!-- LOGO及横向菜单栏 START -->
    <header class="navbar bjui-header" id="bjui-navbar">
        <div class="container_fluid">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" id="bjui-navbar-collapsebtn" data-toggle="collapsenavbar" data-target="#bjui-navbar-collapse" aria-expanded="false">
                    <i class="fa fa-angle-double-right"></i>
                </button>
                <a class="navbar-brand" href="http://dubbo.io"><img src="${staticRoot}/images/dubbo_logo.jpg" height="30"></a>
            </div>
            <nav class="collapse navbar-collapse" id="bjui-navbar-collapse">
                <ul class="nav navbar-nav navbar-right" id="bjui-hnav-navbar">
                    <#list topMenuList as topMenu>
                        <li <#if topMenu_index==0>class="active"</#if>>
                        <a href="/index/index/childMenu?parentId=${topMenu.nodeId}" data-toggle="sidenav" data-id-key="targetid">
                            ${topMenu.name}
                        </a>
                        </li>
                    </#list>
                </ul>
            </nav>
        </div>
    </header>
    <!-- LOGO及横向菜单栏 END -->

    <!-- 页面主体 START -->
    <div id="bjui-body-box">
        <div class="container_fluid" id="bjui-body">
            <div id="bjui-sidenav-col">
                <div id="bjui-sidenav">
                    <div id="bjui-sidenav-arrow" data-toggle="tooltip" data-placement="left" data-title="隐藏左侧菜单">
                        <i class="fa fa-long-arrow-left"></i>
                    </div>
                    <div id="bjui-sidenav-box">
                    </div>
                </div>
            </div>

            <div id="bjui-navtab" class="tabsPage">
                <div id="bjui-sidenav-btn" data-toggle="tooltip" data-title="显示左侧菜单" data-placement="right">
                    <i class="fa fa-bars"></i>
                </div>
                <div class="tabsPageHeader">
                    <div class="tabsPageHeaderContent">
                        <ul class="navtab-tab nav nav-tabs">
                            <li><a href="javascript:;"><span><i class="fa fa-home"></i> #maintab#</span></a></li>
                        </ul>
                    </div>
                    <div class="tabsLeft"><i class="fa fa-angle-double-left"></i></div>
                    <div class="tabsRight"><i class="fa fa-angle-double-right"></i></div>
                    <div class="tabsMore"><i class="fa fa-angle-double-down"></i></div>
                </div>
                <ul class="tabsMoreList">
                    <li><a href="javascript:;">#maintab#</a></li>
                </ul>
                <div class="navtab-panel tabsPageContent">
                    <div class="navtabPage unitBox">
                        <div class="bjui-pageContent">
                            <p>项目源码地址：<a href="https://github.com/yufeng629/dubbox-demo" target="_blank">https://github.com/yufeng629/dubbox-demo</a></p>
                            <p>项目主要包含两个菜单：消息&定时、系统管理
                                <p>消息&定时：主要是MQ消息以及定时任务，其中 "已消费的消息" 菜单下的功能是使用elasticsearch实现的</p>
                                <p>系统管理：管理系统的用户、角色、权限、菜单节点，这里的权限是可以关联一个或多个菜单节点的，另外，对用户进行授权/收权后，需要用户注销并重新登录才起效</p>
                            </p>
                        </div>

                        <div class="bjui-pageFooter">
                            <div style="text-align: center;">XXX科技有限公司</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 页面主体 END -->
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <script src="${staticRoot}/libs/BJUI/other/ie10-viewport-bug-workaround.js"></script>
</body>
</html>